<template>
  <Layout :showHome="false" :showH="false">
    <div class="container">
      <div class="header">
        <van-icon name="arrow-left" @click="$router.go(-1)"/>
        <h2>签约合同</h2>
        <van-icon name="" />
      </div>
      <div class="text">
        <p>
          本协议由双方在自愿、平等、公平及诚实信用原则的基础上，根据《中华人民共和国合同法》等相关法律、法规的规定，经友好协商达成以下协议，供双方共同遵守。
          本协议由双方在自愿、平等、公平及诚实信用原则的基础上，根据“中华人民共和国合同法”等相关法律、法规的规定，经友好协商达成以下协议，供双方共同遵守.
        </p>
        <h4>第一条、合作方式</h4>
        <p>
          甲方提供福星通接单平台，乙方将商品上传至平台进行接单，成功生成交易订单后，客户到乙方自取商品。
        </p>
        <h4>第二条、合作时间</h4>
        <p>
          本合同自甲乙双方授权代表签署后，合同即开始生效，合同有效期 2 年:自
          2022 年 08 月 12 日起至 2024 年 08 月 12
          日止。有效期到期或在任何延长期到期前 14
          天内，任何一方均未提出终止本合同，本合同将自动延续 2 年。
        </p>
        <h4>第三条、甲方权利与义务</h4>
        <p>
          1、甲方负责对乙方进行产品使用培训，并在合同期内向乙方提供技术支持和后期维护，确保系统正常运行。
        </p>
        <p>
          2、甲方有权根据市场和发展需要，在保证乙方资料、数据安全的前提下，对应用系统进行升级或修改，无需获得乙方
          的同意，每次系统升级后，甲方将通过应用及官方网站发布更新告知。
        </p>
        <h4>第四条、乙方权利与义务</h4>
        <p>
          乙方在甲方平台上经营自主生产或代理的产品，要保证合法经营、确保产品经过国家相关部门的产品认证为合格产品，并提供优良品质及具有市场竞争力的价格。
        </p>
      </div>
      <van-button v-if="signStatus === 0" type="primary" block color="#f56e00" @click="sign">申请签约</van-button>
      <van-button v-else type="primary" block color="#909399" disabled>已申请，待审核</van-button>
    </div>
  </Layout>
</template>

<script>
import { getContractApi, editSignApi, editUserApi, UserApi, editMessageApi } from '@/apis/signApi'

export default {
  data () {
    return {
      id: 1,
      userId: '',
      signStatus: '',
      message: [],
      obj: {}
    }
  },
  created () {
    this.getStatus()
  },
  methods: {
    async getStatus () {
      this.userId = this.$store.getters['common/userId']
      const result = await getContractApi(this.id)
      this.signStatus = result.status
    },
    async sign () {
      this.signStatus = 1
      await editSignApi(this.id, this.signStatus)
      await editUserApi(this.userId, { sign: 1 })
      this.$toast.success('申请成功！')
      let objId = 0
      const res = await UserApi(this.userId)
      this.message = res.message
      if (this.message.length === 0) {
        objId = 0
      } else {
        objId = Number(this.message[this.message.length - 1].id)
      }
      this.obj = {
        id: objId + 1,
        title: '消息通知',
        desc: '申请签约成功！平台已为您开放接单赚钱功能！',
        status: 0
      }
      this.message.push(this.obj)
      await editMessageApi(this.userId, this.message)
    }
  }
}
</script>

<style lang="less" scoped>
@import "../../style/common.less";

.container {
  padding: 0 20px;
  .header {
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    h2 {
      font-size: 1rem;
      font-weight: normal;
      margin: 0;
    }
  }
  .text {
    font-size: 0.7rem;
    color: @c1;
    text-indent: 1.4rem;
    h4 {
      margin: 0;
    }
  }
  .van-button{
    margin-bottom: 20px;
    font-size: 0.8rem;
  }
}
</style>
